<%--
  Created by IntelliJ IDEA.
  User: kuibu
  Date: 16/2/27
  Time: 上午11:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <!--这里的css文件需要加载自己的本地资源-->
    <link rel="icon" sizes="192x192" href="http://img.kuibutech.com/kbApp_fixedImage/favcion.jpg">
    <script src="http://www.kuibutech.com/kuibuversion1/js/jquery-1.8.3.min.js"></script>
    <script src="http://www.kuibutech.com/kuibuversion1/js/matchDevice.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- 集成Sweet Alert插件 -->
    <link rel="stylesheet" type="text/css" href="http://www.kuibutech.com/kuibuversion1/css/sweetalert.css">
    <script src="http://www.kuibutech.com/kuibuversion1/js/sweetalert.min.js"></script>

    <script>
        $(document).ready(function () {
            var width = document.getElementById("download").style.width;
            document.getElementById("download").style.height = width * 0.167;

            $("#close").click(function () {
                $("#download").hide();
            });

            display(); // 根据不同的活动ID显示不同的分享内容
        });
        window.onload = function () {
            if (browserRedirect() == 0) {
                $("#download").show();
            } else if (browserRedirect() == 1) {
                $("#downloadImg").attr("action", "https://itunes.apple.com/us/app/id1019254614");
                $("#download").show();
            }
        }

        function display() {
            var tag = document.getElementById("tag").innerHTML;

            // 跑步
            if (tag == 11) {
                $("#qixing").css("display", "none");
                $("#pingban").css("display", "none");
                $("#fuwocheng").css("display", "none");
                $("#yangwo").css("display", "none");
            }

            // 骑行
            if (tag == 12) {
                $("#gongyipao").css("display", "none");
                $("#pingban").css("display", "none");
                $("#fuwocheng").css("display", "none");
                $("#yangwo").css("display", "none");
            }

            // 平板支撑
            if (tag == 13) {
                $("#gongyipao").css("display", "none");
                $("#qixing").css("display", "none");
                $("#fuwocheng").css("display", "none");
                $("#yangwo").css("display", "none");
            }

            // 仰卧起坐
            if (tag == 14) {
                $("#gongyipao").css("display", "none");
                $("#qixing").css("display", "none");
                $("#fuwocheng").css("display", "none");
                $("#pingban").css("display", "none");
            }

            // 俯卧撑
            if (tag == 15) {
                $("#gongyipao").css("display", "none");
                $("#qixing").css("display", "none");
                $("#yangwo").css("display", "none");
                $("#pingban").css("display", "none");
            }
        }

    </script>

</head>
<body style="font-family:Microsoft YaHei">


<!--这里是网页内容-->
<div id="gongyipao" style="margin-top: 20%;margin-left: 6%;width:88%;font-size: 1.0em">
    <p>我参与了跬步公益跑日常打卡，本次跑步持续 <font style="color: red">${timeCount/60} 分 ${timeCount%60} 秒 </font>，我通过跑步为DMD病患儿童捐献了<font
            style="color: red">0.05元</font>，我要用跑步传递爱，用积累创造价值！</p>
    <p>
        <img src="http://kuibutech.oss-cn-shanghai.aliyuncs.com/kbApp_fixedImage/kbActivity/DMD1.jpg" width="100%">
        DMD，杜氏型肌营养不良，又名假肥大型进行性肌营养不良，是目前人类已知疾病中由最大、最复杂的基因缺陷导致，是一种随着年龄增长全身肌肉呈进行性消耗和运动功能减退的致死性X-伴性遗传性肌肉疾病，已被列入罕见病范围。通常DMD
        孩子3-4岁开始出现步态异常、10-12岁起逐渐丧失行走能力、20-30岁间死于心肺功能衰竭，到目前尚无有效的根治手段，支持疗法和康复治疗能延缓病情发展，基因治疗是唯一有效的治疗途径。
        <img src="http://kuibutech.oss-cn-shanghai.aliyuncs.com/kbApp_fixedImage/kbActivity/DMD2.jpg" width="100%">DMD发病率为每3500个新生男婴中就会有一个患者
        以此计算，我国每年约有400-500例DMD男婴出生，到目前累积患者已达7-8万人，因此，我国已是世界上该病患者人数最多的国家之一.。<img
            src="http://kuibutech.oss-cn-shanghai.aliyuncs.com/kbApp_fixedImage/kbActivity/DMD3.jpg" width="100%"></p>
    <p><br></p>
    <p>我们此举，就是要通过走到操场的运动形式，来呼唤大家关注健康，关注公益，关注身患DMD的孩子们，每天跑步半小时，为这些孩子们捐献里程，传递正能量，分享爱。</p>
    <p><br></p>
</div>

<div id="qixing" style="margin-top: 20%;margin-left: 10%;width:80%;font-size: 1.2em">
    我在跬步App上骑行打卡,分享心情,传递感动,一起动起来吧!
</div>

<div id="pingban" style="margin-top: 20%;margin-left: 10%;width:80%;font-size: 1.2em">
    我在<font style="color: red">${school} </font>大学参与了跬步公益健身日常打卡：<br/>
    本次完成平板支撑：<font style="color: red">${seconds} </font>秒<br/>
    历史总计：<font style="color: red">${secondsCount} </font>秒 <br/>
    总计捐款金额：<font style="color: red">${money} </font>元 <br/><br/>

    跬步公益健身是由跬步App发起的运动公益项目， 每天坚持完成三个简单有效的跬步健身运动，并在跬步App上完成日常打卡，我们会将您的完成数量折算成爱心善款，捐赠给残疾的孩子们<br/>
    跬步＋公益，让运动更有价值！快来下载App吧！
</div>


<div id="fuwocheng" style="margin-top: 20%;margin-left: 10%;width:80%;font-size: 1.2em">
    我在<font style="color: red">${school} </font>大学参与了跬步公益健身日常打卡：<br/>
    本次完成俯卧撑：<font style="color: red">${number} </font>个<br/>
    历史总计：<font style="color: red">${numberCount} </font>个<br/>
    总计捐款金额：<font style="color: red">${money} </font>元<br/><br/>

    跬步公益健身是由跬步App发起的运动公益项目， 每天坚持完成三个简单有效的跬步健身运动，并在跬步App上完成日常打卡，我们会将您的完成数量折算成爱心善款，捐赠给残疾的孩子们<br/>
    跬步＋公益，让运动更有价值！快来下载App吧！
</div>

<div id="yangwo" style="margin-top: 20%;margin-left: 10%;width:80%;font-size: 1.2em">
    我在<font style="color: red">${school} </font>大学参与了跬步公益健身日常打卡：<br/>
    本次完成仰卧起坐：<font style="color: red">${number} </font>个<br/>
    历史总计：<font style="color: red">${numberCount} </font>个<br/>
    总计捐款金额：<font style="color: red">${money} </font>元<br/><br/>

    跬步公益健身是由跬步App发起的运动公益项目， 每天坚持完成三个简单有效的跬步健身运动，并在跬步App上完成日常打卡，我们会将您的完成数量折算成爱心善款，捐赠给残疾的孩子们<br/>
    跬步＋公益，让运动更有价值！快来下载App吧！
</div>


<label hidden id="tag">${activityId}</label>

<label style="font-size: 0.8em;color: #bfbfbf;text-align: center;display: block;margin-top:20px;">本活动最终解释权归上海领智信息科技有限公司所有</label>
<!--这里是网页内容-->


<div id="download" hidden style="position:fixed;bottom:-5px;width:100%;">
    <div id="close"
         style="position:absolute; border: 0px solid red;height: 30px;width: 30px;margin-left: 1%;margin-top: 15px"></div>
    <div style="position:absolute; border: 0px solid red;height: 30px;width: 50px;margin-left: 80%;margin-top: 15px"
         onclick="redirect()"></div>
    <img style="width:100%; height:100%;" src="http://www.kuibutech.com/kuibuversion1/img/app/appdownload.jpg"/>
</div>

</body>

<!--设置下载框链接为打开或者下载，ios和安卓不同地址-->
<!--设置下载框链接为打开或者下载，ios和安卓不同地址-->
<script>
    var loadIframe = null;
    function createIframe() {
        var iframe = document.createElement("iframe");
        iframe.style.cssText = "display:none;width:0px;height:0px;";
        document.body.appendChild(iframe);
        loadIframe = iframe;
    }

    function is_weixn() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }

    function redirect() {

        if (is_weixn()) {
            swal({
                title: "",
                text: "链接打不开? 点击右上角选择<br/><img style='width: 30px;height: 15px;margin-left: 0%;' src='http://img.kuibutech.com/kbApp_fixedImage/wxopensafari.png'><span style=\"color:red\">\"在浏览器中打开\"<span>",
                html: true,
                allowOutsideClick: true,
                showConfirmButton: false
            });
            event.stopImmediatePropagation();
        }

        loadIframe.src = "kuibu://";
        var t = Date.now();
        setTimeout(function () {
            if (Date.now() - t < 1600) {
                if (browserRedirect() == 0) {
                    location.href = "http://www.kuibutech.com/kuibuversion1/version1_3/download/0";
                } else if (browserRedirect() == 1) {
                    location.href = "http://www.kuibutech.com/kuibuversion1/version1_3/download/1";
                } else {
                    location.href = "http://www.kuibutech.com";
                }
            }
        }, 1500)
    }
    createIframe();
</script>

</html>


